<template>
	<view class="pageBg">
		<orderstatus :Info="Info"></orderstatus>
		<address-view :data="Info"></address-view>
		<goodsDetails :Info="Info"></goodsDetails>
		<orderDetails :Info="Info"></orderDetails>
		<orderNumber :Info="Info"></orderNumber>
		<optview :Info="Info"></optview>
	</view>
</template>

<script>
	import exhibitionCard from '@/components/wbz/exhibitionCard/exhibitionCard.vue';
	import addressView from '@/components/my/myorder/addressview.vue';
	import orderstatus from '@/components/my/myorder/orderstatus.vue';
	import optview from '@/components/my/myorder/optview.vue';
	import goodsDetails from '@/components/my/myorder/goodsDetails.vue';
	import orderDetails from '@/components/my/myorder/orderDetails.vue';
	import orderNumber from '@/components/my/myorder/orderNumber.vue';

	export default {
		components: {
			exhibitionCard,
			optview,
			addressView,
			orderstatus,
			goodsDetails,
			orderDetails,
			orderNumber,
		},

		data() {
			return {
				Info: {},
				id: null,
			};
		},
		onLoad({ id, nickname }) {
			this.id = id;
			this.init();
		},
		methods: {
			async init() {
				const { data } = await this.$api.OrderGetOrderDetail({ id: this.id });
				this.Info = data;
			},
		},
	};
</script>

<style lang="scss" scoped>
	.pageBg {
		padding-bottom: 100rpx;
	}
</style>
